#create-archive-popup {
  .popup-inner {
    width: 90vw;
    max-width: 800px;
  }

  .templates-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    padding: 20px;
    background: #e8e8e8;
    border-radius: 4px;
  }

  .template-item {
    img {
      max-width: 160px;
      max-height: 120px;
      margin-bottom: 5px;
      background: #fff;
      border: 1px solid transparent;
    }

    .label {
      text-align: center;

      span {
        padding: 2px 6px;
        border-radius: 4px;
      }
    }

    &.selected {
      img {
        border-color: @blue;
      }

      .label span {
        background: @blue;
        color: #fff;
        font-weight: 300;
      }
    }
  }
}